
      <view class="bg-_lfl_url_lbl_https_cl__sl__sl_img_dl_cdn_dl_sugarat_dl_top_sl_mdImg_sl_MTY2ODA4OTc3MjcyMg_eqe__eqe_unocss-icon-gray_dl_svg_lbr__lfr_" />
      <view class="bg-_lfl_--l-tab-bar-bg-color_lco_theme_lbl_backgroundColor_dl_container_lbr__lfr_" />
      <view :class="{'bg-_lfl_--l-tab-bar-bg-color_lco_theme_lbl_backgroundColor_dl_container_lbr__lfr_': true}" />

      <view class="center h-200 rounded-md bg-gradient-to-t from-_wn_f39c22_sl_60 via-_wn_2ecc71_cl_80 to-_wn_9b59b6_70 mb-3">
        to-t
      </view>

      <view class="h-200 mb3 bg-white center shadow-_lfl_0px_4px_4px_0px_rgba_lbl_237_lco__0_lco__0_lco__1_lbr__lfr_">
        [0px_4px_4px_0px_rgba(237,_0,_0,_1)]
      </view>

      <view class="animate-_lfl_4s_linear_0s_infinite_alternate_bounce_lfr_ bg-indigo text-white mb-6 p-2">
        animate-[4s_linear_0s_infinite_alternate_bounce]
      </view>

      <view class="bg-_lfl__wn_3498db_lfr__cl_60">
        bg-[#3498db] 60
      </view>

      <view class="even_cl_bg-red odd_cl_bg-green">
        2
      </view>

      <view class="first_cl_bg-red last_cl_bg-green bg-blue mb-1">
        1 
      </view>

      <view class="c-_lfl__wn_157_lfr__cl_60">
        c-[#157]:60
      </view>

      <view
      class="mb-3 text-xs"
      :class="{ 'bg-blue-600_cl_80': flag, 'text-green-600_sl_80': !flag }"
      >
        { 'bg-blue-600:80': flag, 'text-green-600/80': !flag }
      </view>

      <view
      class="mb-3 text-xs"
      :class="[
        flag ? 'bg-blue-600_sl_80' : 'bg-red-600_cl_80',
        !flag ? 'text-yellow-800_sl_80' : 'text-green-800_sl_80',
      ]"
      >
      [
      flag ? 'bg-blue-600/80' : 'bg-red-600:80',
      !flag ? 'text-yellow-800/80' : 'text-green-800/80',
      ]
      </view>
